<!DOCTYPE html>
<html>
    <head>
        <!-- 当前文档的字符集编码为utf-8 -->
        <meta charset="utf-8">
        <meta name="author" content="disenQF" >
        <meta name="keywords" content="CGI开发 H5模板 千锋教育 西安物联网">
        <title>HTML5模板-引用js的三种方式</title>
        <!-- 引入外联样式文件 -->
        <link rel="stylesheet" href="/css/my.css">
        <style>
            
        </style>
    </head>
    <body>
        <!-- 第一种方式： 在标签的事件属性中使用js脚本 -->
         <button onclick="alert('干什么?')">点我</button> 
         <!-- console.log() 在控制台打印，用于调试程序的 -->
         <b onclick="console.log('我要学习，你去吧！')">晚上一起去喝酒?</b>
         <i  onclick="window.document.write('<h3>haha</h3>')">更新页面</i>
        <button onclick="hi()">hi</button>

         <!-- 第二种方式：在script标签中写js脚本 [页面js] -->
        <script>
            // js注释
           window.document.write("<h3>haha</h3>");
        </script>

        <!-- 第三种方式： 引入外部的js文件 -->
        <script src="/js/js1.js"></script>

    </body>
</html>
